<div id="boxes">
    <!-- #customize your modal window here -->
    <div id="busca-endereco" class="window loading">
      <div class="msg-contato">
        <img src="/app/resources/site/images/ajax-loader.gif">
        <p>Buscando Endereço</p>
      </div>
    </div>
    <div id="salvando" class="window loading">
      <div class="msg-contato">
        <img src="/app/resources/site/images/ajax-loader.gif">
        <p>Aguarde salvando dados!</p>
      </div>
    </div>
    <!-- Do not remove div#mask, because you'll need it to fill the whole screen --> 
    <div id="mask"></div>
</div>
<h1><a href="/meu/endereco">Endereços</a> > {{#endereco}}Editar{{/endereco}}{{^endereco}}Cadastrar novo{{/endereco}}</h1>

<form method="post" action="/meu/gravaEndereco" id="formEndereco">
  <div class="form">
    <div class="campo">
      <label for="nome">Descrição:</label>
      <br/>
      <input size="50" type="text" id="nome" name="nome" placeholder="Um nome fácil de identificar. Ex.: Trabalho, Casa" tabindex="20" value="{{#endereco}}{{nome}}{{/endereco}}"/>
      <br/>
    </div>
    <div class="campo">
      <label for="cep">CEP:</label>
      <br/>
      <input size="10" type="text" id="cep" name="cep" onblur="getEndereco()" tabindex="21" value="{{#endereco}}{{cep}}{{/endereco}}"/>
      <br/>
    </div>
    <div class="campo">
      <label for="loc_no">Logradouro:</label>
      <br/>
      <input size="50" type="text" id="logradouro" name="logradouro" readonly="readonly" value="{{#endereco}}{{logradouro}}{{/endereco}}"/>
      <br/>
    </div>
    <div class="campo left">
      <label for="numero">Número:</label>
      <br/>
      <input size="10" type="text" id="numero" name="numero" tabindex="22" value="{{#endereco}}{{numero}}{{/endereco}}"/>
      <br/>
    </div>
    <div class="campo">
      <label for="complemento">Complemento:</label>
      <br/>
      <input size="10" type="text" id="complemento" name="complemento" tabindex="23" value="{{#endereco}}{{complemento}}{{/endereco}}"/>
      <br/>
    </div>
    <div class="campo">
      <label for="bairro">Bairro:</label>
      <br/>
      <input size="40" type="text" id="bairro" name="bairro" readonly="readonly" value="{{#endereco}}{{bairro}}{{/endereco}}"/>
      <br/>
    </div>
    <div class="campo left">
      <label for="cidade">Cidade:</label>
      <br/>
      <input size="40" type="text" id="cidade" name="cidade" readonly="readonly" value="{{#endereco}}{{cidade}}{{/endereco}}"/>
      <br/>
    </div>
    <div class="campo">
      <label for="ufe_sg">Estado:</label>
      <br/>
      <input size="3" type="text" id="ufe_sg" name="ufe_sg" readonly="readonly" value="{{#endereco}}{{ufe_sg}}{{/endereco}}"/>
      <br/>
    </div>
    <div class="campo">
      <label for="ufe_sg">Telefone Fixo:</label>
      <br/>
      <input size="15" type="text" id="telefone" name="telefone" value="{{#endereco}}{{telefone}}{{/endereco}}"/>
      <br/>
    </div>
    <div class="campo">
      <input size="3" type="checkbox" class="checkbox" id="principal" name="principal" tabindex="24" {{#endereco}}{{#principal}}checked="checked" disabled="disabled"{{/principal}}{{/endereco}}/>
      <label for="principal">Marcar como endereço padrão</label>
      <br/>
    </div>
  </div>
  <input type="hidden" id="bai_nu" name="bai_nu" value="{{#endereco}}{{bai_nu}}{{/endereco}}"/>
  <input type="hidden" id="loc_nu" name="loc_nu" value="{{#endereco}}{{loc_nu}}{{/endereco}}"/>
  <input type="hidden" id="latitude" name="latitude" value="{{#endereco}}{{latitude}}{{/endereco}}"/>
  <input type="hidden" id="longitude" name="longitude" value="{{#endereco}}{{longitude}}{{/endereco}}"/>
  <input type="hidden" id="id" name="id" value="{{#endereco}}{{id}}{{/endereco}}"/>
  <input type="submit" class="botao" value="Salvar" tabindex="25" accesskey="enter" id="submit"/>
  <input type="button" class="botao" value="Fechar sem salvar" tabindex="26" onclick="window.location.href='/meu/endereco'"/>
</form>

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript" src="/app/resources/cliente/js/enderecos_edit.js"></script>